<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>
        function getQueryString(name) {
            // 获取参数
            var url = window.location.search;
            // 正则筛选地址栏
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            // 匹配目标参数
            var result = url.substr(1).match(reg);
            //返回参数值
            return result ? decodeURIComponent(result[2]) : null;
        }

        window.onload = function () {
            document.getElementById("XM").innerHTML=getQueryString("XM");
            document.getElementById("ZSBH").innerHTML=getQueryString("ZSBH");
            document.getElementById("XB").innerHTML=getQueryString("XB");
            document.getElementById("CSRQ").innerHTML=getQueryString("CSRQ");
            document.getElementById("YXQ").innerHTML=getQueryString("YXQ");
            document.getElementById("ZSCODE").innerHTML=getQueryString("ZSCODE");
        }

    </script>
</head>
<body>
    <div>
        <table>
            <tbody>
            <tr>
                <td colspan="">姓名：</td>
                <td>
                    <div id="XM"></div>
                </td>
            </tr>
            <tr>
                <td>证书编号：</td>
                <td>
                    <div id="ZSBH"></div>
                </td>
            </tr>
            <tr>
                <td>性别：</td>
                <td>
                    <div id="XB"></div>
                </td>
            </tr>
            <tr>
                <td>出生日期：</td>
                <td>
                    <div id="CSRQ"></div>
                </td>
            </tr>
            <tr>
                <td>适用水域：</td>
                <td>大亚湾、大鹏湾距岸不超过3海里</td>
            </tr>
            <tr>
                <td>有效期至：</td>
                <td>
                    <div id="YXQ"></div>
                </td>
            </tr>
            <tr>
                <td>证书编码：</td>
                <td>
                    <div id="ZSCODE"></div>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</body>
</html>